body{
	margin: 0px;
	font-family: 'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
	width: 100%;
	height: 600px;
}
.contrainer {
	width: 100%;
	height: 600px;
}

.wrap {
	width: 82%;
	height:400px;
	margin-top: 10%;
	margin-left: 9%;
	background-color: #FFF;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.header {
	width: 92%;
	height: 80px;
	background-color: #68A593;
	position: absolute;
	margin-left: 4%;
	top:-33px;
	z-index: 99;
	border-radius: 5px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 0, 0, 0.3);
}
.header p{
	color: #FFF;
	font-size: 25px;
	padding-left: 25px;
	font-weight: lighter;
}
.mid{
	width: 92%;
	height: 40px;
	background-color: #FFF;
	position: absolute;
	top: 9.5%;
	left:5%;
	border-bottom: 1px dashed #ddd ;
}

.content {
	width: 100%;
	height: 350px;
	background-color: #FFF;
	top: 15%;
	border-radius: 3px;
	position: absolute;
	color: rgba(0,0,0, 0.87);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.jmima{
	width: 96%;
	height: 60px;
	margin-left: 2%;
	margin-top: 4%;
	position: relative;
}
.x1 select{
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	font-size: 16px;
	color: #66615B;
}
.x2 select{
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	font-size: 16px;
	color: #66615B;
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: 0;
	appearance:none;
	outline: none;
	cursor: pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-bottom: 1px solid #D2D2D2;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

.sno{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
	outline: none;
	text-align: center;
	font-size: 18px;
}
.omima{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
	outline: none;
	text-align: center;
	font-size: 18px;
}
.tip{
	width: 8%;
	height: 40px;
	color: #AAAAAA;
	position: absolute;
	bottom: -10px;
	font-size: 18px;
	margin-left: 46%;
	transition: 0.7s;
	z-index: 1;
}
.tip1{
	width: 18%;
	height: 40px;
	color: #AAAAAA;
	position: absolute;
	bottom: -10px;
	font-size: 18px;
	margin-left: 46%;
	transition: 0.7s;
	z-index: 1;
}
.tip2{
	width: 28%;
	height: 40px;
	color: #AAAAAA;
	position: absolute;
	bottom: -10px;
	font-size: 18px;
	margin-left: 36%;
	transition: 0.7s;
	z-index: 1;
}
.xig{
	float: right;
	border: 0;
	width: 15%;
	height: 40px;
	background-color: #68A593;
	margin-top: 9%;
	margin-right: 5%;
	border-radius: 4px;
	color: #FFF;
	font-size: 16px;
	transition: 0.3s;
}
.xig:hover{
	cursor: pointer;
	transition: 0.3s;
	box-shadow: 0 5px 8px 0 rgba(153, 153, 153, 0.5);
}
.x1{
	width: 46%;
	height: 60px;
	float: left;
	position: relative;
}
.nmima{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
	outline: none;
	text-align: center;
	font-size: 18px;
}
.x2{
	width: 46%;
	height: 60px;
	float: right;
	position: relative;
}
.rnmima{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	border: 0;
	border-bottom: 1px solid #D2D2D2;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
	outline: none;
	text-align: center;
	font-size: 18px;
}
.xmima{
	width: 96%;
	height: 60px;
	margin-top: 3%;
	margin-left: 2%;
}
.anniu{
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 30px;
	width: 60px;
	background-color: #68A593;
	border-radius: 5px;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	font-size: 13px;

}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	text-align: center;
	font-weight: 400;
	border-collapse:   separate;   border-spacing:   0.5px;
}
.text-primary {
    color: #68A593;
}
tr {
	background-color: #FFF;
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14);
}
.table > thead > tr > th {
    padding-bottom: 4px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    font-size: 1em;
    font-weight: 300;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 8px;
    vertical-align: middle;
}



td, th {
    display: table-cell;
    vertical-align: inherit;
}


.table>tbody>tr>td, .table>tbody>tr>th {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}